@layer utilities {
    .content-auto {
      content-visibility: auto;
    }
    .cart-shadow {
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }
    .product-hover {
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .product-hover:hover {
      transform: translateY(-2px);
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
}
  
  :root {
    --primary: #4F46E5;
    --secondary: #EC4899;
    --neutral: #1F2937;
  }
  
  .fixed.bottom-4.right-4 {
    z-index: 50;
  }